<template>

	<section class="mine">
		<div class="Mine_header">
			<div class="Mine_img">
				<router-link to="/#">

					<img src="../assets/Mine/Header_arrow.png" />
				</router-link>
			</div>
			<div class="Mine_text">
				会员中心
			</div>
		</div>

		<div class="Mine_name">
			<div class="Mine_name_img">
				<img src="../assets/Mine/Header_cup.png" />
			</div>
			<div class="Mine_name_text">
				<p>会员_3988</p>
				<p>我的积分：0</p>
			</div>
		</div>

		<div class="Mine_order">
			<div class="Mine_order_left">
				全部订单
			</div>
			<div class="Mine_order_right">
				<router-link to="/AllOrders" class="router">
					查看全部订单>
				</router-link>
			</div>
		</div>
		<div class="hr"></div>

		<div class="Mine_deal">
			<div class="Mine_deal_top">
				<router-link to="/AllOrders" class="router">
					<img src="../assets/Mine/MyShop_payment.png" />
					<p>待支付</p>
				</router-link>
			</div>
			<div class="Mine_deal_top">
				<router-link to="/AllOrders" class="router">
					<img src="../assets/Mine/MyShop_shipped.png" />
					<p>待收货</p>
				</router-link>
			</div>
			<div class="Mine_deal_top">

				<router-link to="/AllOrders" class="router">
					<img src="../assets/Mine/MyShop_evaluated.png" />
					<p>待评价</p>
				</router-link>
			</div>
		</div>

		<div class="Mine_news">
			<router-link to="/PersonalData" class="router">
				<div class="Mine_news_text">
					个人资料
				</div>
				<div class="Mine_news_img">
					<img src="../assets/Mine/MyShop_right.png" />
				</div>
			</router-link>
		</div>

		<div class="Mine_news">
			<router-link to="/AddressManagement" class="router">
				<div class="Mine_news_text">
					地址管理
				</div>
				<div class="Mine_news_img">
					<img src="../assets/Mine/MyShop_right.png" />
				</div>
			</router-link>
		</div>

		<div class="Mine_news">
			<router-link to="/BoundPhone" class="router">
				<div class="Mine_news_text">
					绑定手机
				</div>
				<div class="Mine_news_img">
					<img src="../assets/Mine/MyShop_right.png" />
				</div>
			</router-link>
		</div>
		<div class="Mine_news">
			<router-link to="/ModifyPassword" class="router">
				<div class="Mine_news_text">
					修改密码
				</div>
				<div class="Mine_news_img">
					<img src="../assets/Mine/MyShop_right.png" />
				</div>
			</router-link>
		</div>

		<div class="Mine_news">
			<router-link to="/MyCollection" class="router">
				<div class="Mine_news_text">
					我的收藏
				</div>
				<div class="Mine_news_img">
					<img src="../assets/Mine/MyShop_right.png" />
				</div>
			</router-link>
		</div>

		<div class="Mine_btn">
			<el-button type="text" @click="centerDialogVisible = true">安全退出</el-button>

			<el-dialog
			  title="提示"
			  :visible.sync="centerDialogVisible"
			  width="70%"
			  center>
			  <span>确定要退出吗</span>
			  <span slot="footer" class="dialog-footer">
			<el-button @click="centerDialogVisible = false">取 消</el-button>
			<el-button type="primary" @click="qr()">确 定</el-button>
			  </span>
			</el-dialog>
		</div>

	</section>

</template>

<script>
	export default {
		name: 'mine',
		props: [],
		mounted() {

		},
		data() {
			return {
				centerDialogVisible: false
			}
		},
		components: {},
		methods: {
			qr(){
				this.centerDialogVisible = true;
				this.$router.push({
					path:"/Login"
				})
			}
		},
		computed: {

		}
	}
</script>

<style scoped>
	@import url("../../config/css/Mine.css");
</style>